<template>
  <div>
    <V-CommonHeaderLeft>
      <div class="container">
        <div class="nav">
          <navigation :msg="navMsg"></navigation>
        </div>
        <div class="content">
          <div class="nav1">
            <navigationChain :chain="chain"></navigationChain>
          </div>
          <div class="set-up" :style="{ height:height }">
            <div class="tips">
              <p class="p1">*流程设置提示</p>
              <div class="box">
                <div class="item">
                  <input type="checkbox" name id="box1" disabled>
                  <label for="box1">表示已开启此步骤</label>
                </div>
                <div class="item">
                  <input type="checkbox" name id="box2" disabled>
                  <label for="box1">表示已关闭此步骤</label>
                </div>
                <div class="item" style="position: relative;">
                  <input type="checkbox" name id="box1" disabled style="cursor: not-allowed;">
                  <label for="box1">表示此步骤默认开启，不允许调整</label>
                  <span class="iconfont icon-suo1"></span>
                </div>
              </div>
            </div>
            <div class="orders">
              <p class="p1">订货单设置</p>
              <div id="orders">
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="orderSubmission" id="box1" v-model="input1">
                    <span class="iconfont icon-test191"></span>
                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="orderReview" id="box2" v-model="input2">
                    <span class="span2">订单审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="orderFinancialAudit" id="box3" v-model="input3">

                    <span class="span3">财务审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="orderOutOfWarehouse" id="box4" v-model="input4">
                    <span class="iconfont icon-test191"></span>
                    <span class="span4">出库</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left not">
                    <input
                      type="checkbox"
                      name="orderDeliveryConfirmation"
                      id="box5"
                      v-model="input5"
                    >
                    <span class="iconfont icon-test191"></span>
                    <span class="iconfont icon-suo1"></span>
                    <span class="span5">发货确认</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="confirmationOfOrderReceipt"
                      id="box6"
                      v-model="input6"
                    >
                    <span class="iconfont icon-test191"></span>
                    <span class="span6">收货确认</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="orderFulfillment"
                      id="box7"
                      v-model="input7"
                      disabled
                    >
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="return-slip">
              <p class="p1">退货单设置</p>
              <div id="return-slip">
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="returnSlipSubmission" id="box1" v-model="input8">
                    <span class="iconfont icon-test191"></span>
                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="returnBillReturnAudit" id="box8" v-model="input9">
                    <span class="span8">退货审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="financialAuditOfReturnBill"
                      id="box3"
                      v-model="input10"
                    >
                    <span class="span3">财务审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="returnReceiptWarehousing"
                      id="box9"
                      v-model="input11"
                    >
                    <span class="iconfont icon-test191"></span>
                    <span class="span9">入库</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="returnReceiptRefund" id="box10" v-model="input12">
                    <span class="iconfont icon-test191"></span>
                    <span class="span10">退款</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="returnOrderCompleted" id="box7" v-model="input13">
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="outbound-order">
              <p class="p1">出库单设置</p>
              <div id="outbound-order">
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="deliveryOfWarehouseReceipt"
                      id="box1"
                      v-model="input14"
                    >

                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="auditOfWarehouseReceipt"
                      id="box11"
                      v-model="input15"
                    >
                    <span class="span11">审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="exitlistCompleted" id="box7" v-model="input16">
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="outbound-order">
              <p class="p1">入库单设置</p>
              <div id="outbound-order">
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="receiptSubmission" id="box1" v-model="input17">

                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="warehousingReceipt" id="box11" v-model="input18">
                    <span class="span11">审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="warehousingListCompletion"
                      id="box7"
                      v-model="input19"
                    >
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="outbound-order">
              <p class="p1">收款单设置</p>
              <div id="outbound-order">
                <div class="item">
                  <div class="left">
                    <input
                      type="checkbox"
                      name="paymentReceiptSubmission"
                      id="box1"
                      v-model="input20"
                    >

                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="auditOfReceiptSlips" id="box11" v-model="input21">
                    <span class="iconfont icon-test362"></span>
                    <span class="span11">审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="paymentFormCompletion" id="box7" v-model="input22">
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="outbound-order">
              <p class="p1">付款单设置</p>
              <div id="outbound-order">
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="paymentSubmission" id="box1" v-model="input23">

                    <span class="span1">提交</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="paymentBillAudit" id="box11" v-model="input24">
                    <span class="iconfont icon-test362"></span>
                    <span class="span11">审核</span>
                  </div>
                  <div class="right">
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test278"></span>
                    <span class="iconfont icon-test410"></span>
                  </div>
                </div>
                <div class="item">
                  <div class="left">
                    <input type="checkbox" name="paymentCompleted" id="box7" v-model="input25">
                    <span class="iconfont icon-suo1"></span>
                    <span class="span7">完成</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </V-CommonHeaderLeft>
  </div>
</template>

<script>
import navigationChain from '@/views/setUp/navigationChain/navigationChain'
import VCommonHeaderLeft from '@/components/common/vCommonHeaderLeft/VCommonHeaderLeft'
import navigation from '@/components/common/navigation/Navigation'
export default {
  data () {
    return {
      chain: '1',
      input1: '',
      input2: '',
      input3: '',
      input4: '',
      input5: '',
      input6: '',
      input7: '',
      input8: '',
      input9: '',
      input10: '',
      input11: '',
      input12: '',
      input13: '',
      input14: '',
      input15: '',
      input16: '',
      input17: '',
      input18: '',
      input19: '',
      input20: '',
      input21: '',
      input22: '',
      input23: '',
      input24: '',
      input25: '',
      height: '',
      navMsg: [
        {
          name: '设置',
          path: '/enterpriseInformation'
        }, {
          name: '流程设置',
          path: ''
        }
      ]
    }
  },
  created () {
    this.getHeight()
  },
  methods: {
    getHeight () {
      this.height = window.innerHeight - 180 + 'px'
    }
  },
  components: {
    VCommonHeaderLeft,
    navigation,
    navigationChain
  }
}
</script>

<style lang="scss" scoped>
.container {
  outline: none;
  width: 100%;
  margin-right: 10px;
  overflow: hidden;
  .content {
    width: 100%;
    background-color: #fff;
    .set-up {
      overflow-y: scroll;
      .tips {
        margin-top: 20px;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 20px;
        box-sizing: border-box;
        .p1 {
          margin-left: 20px;
          color: #b3b3b3;
          font-size: 14px;
        }
        .box {
          margin-top: 10px;
          margin-left: 20px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          .item {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-left: 50px;
            &:nth-of-type(1) {
              margin-left: 0px;
            }
            #box1 {
              -webkit-appearance: none;
              -moz-appearance: none;
              display: inline-block;
              width: 25px;
              height: 25px;
              background-color: #20ade5;
              border: 1px solid #40c5fa;
              border-radius: 50%;
              cursor: pointer;
            }
            #box2 {
              -webkit-appearance: none;
              -moz-appearance: none;
              display: inline-block;
              width: 25px;
              height: 25px;
              background-color: #fff;
              border: 2px solid #20ade5;
              border-radius: 50%;
              cursor: pointer;
            }
            label {
              margin-left: 10px;
              color: #b3b3b3;
              font-size: 14px;
            }
            span {
              position: absolute;
              top: 4px;
              left: 4px;
              color: #90d6f2;
            }
          }
        }
      }
      .orders {
        margin-top: 20px;
        .p1 {
          font-size: 14px;
          font-weight: 700;
          margin-left: 20px;
        }
        #orders {
          margin-top: 20px;
          margin-left: 20px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          .item {
            height: auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .left {
              position: relative;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              &:last-child {
                cursor: not-allowed;
              }
              &.not {
                cursor: not-allowed;
              }
              #box1,
              #box4,
              #box7,
              #box2,
              #box3,
              #box5,
              #box6 {
                z-index: 1;
                -webkit-appearance: none;
                -moz-appearance: none;
                display: inline-block;
                width: 66px;
                height: 66px;
                border: 2px solid #20ade5;
                border-radius: 50%;
                overflow: hidden;
                cursor: pointer;
                font-size: 12px;
              }
              #box7,
              #box5 {
                background-color: #20ade5;
                cursor: not-allowed;
              }
              #box1:checked:before,
              #box2:checked:before,
              #box3:checked:before,
              #box4:checked:before,
              #box5:checked:before,
              #box6:checked:before,
              #box7:checked:before {
                z-index: 99;
                -webkit-appearance: none;
                -moz-appearance: none;
                display: inline-block;
                width: 64px;
                height: 64px;
                line-height: 64px;
                background-color: #20ade5;
                border: 1px solid #20ade5;
                border-radius: 50%;
                color: #fff;
                text-align: center;
                font-weight: 700;
                position: relative;
                top: -2px;
                left: -2px;
                letter-spacing: 1px;
                cursor: pointer;
                font-size: 12px;
              }
              #box1:checked:before {
                content: "提交";
              }
              #box2:checked:before {
                content: "订单审核";
              }
              #box3:checked:before {
                content: "财务审核";
              }
              #box4:checked:before {
                content: "出库";
              }
              #box6:checked:before {
                content: "收货确认";
              }

              .iconfont {
                color: #e3e3e3;
                position: absolute;
                left: 25px;
                bottom: -22px;
                &.icon-suo1 {
                  position: absolute;
                  left: 25px;
                  bottom: 4px;
                  color: #90d6f2;
                  z-index: 2;
                }
              }
              .span1,
              .span4,
              .span7,
              .span2,
              .span3,
              .span5,
              .span6 {
                color: #20ade5;
                font-weight: 700;
                position: absolute;
                left: 0px;
                bottom: 25px;
                letter-spacing: 1px;
                font-size: 10px;
                width: 100%;
                text-align: center;
              }

              .span7,
              .span5 {
                color: #fff;
                font-weight: 700;
                font-size: 10px;
                z-index: 2;
              }
            }
            .right {
              margin-left: -36px;
              margin-right: -36px;
              font-size: 0;
              transform: scale(0.5);
              .iconfont {
                color: #20ade5;
                font-size: 0.1px !important;
              }
            }
          }
        }
      }
      .return-slip,
      .outbound-order {
        margin-top: 60px;
        &:last-child {
          padding-bottom: 60px;
        }
        .p1 {
          font-size: 14px;
          font-weight: 700;
          margin-left: 20px;
        }
        #return-slip,
        #outbound-order {
          margin-top: 20px;
          margin-left: 20px;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          .item {
            height: auto;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .left {
              position: relative;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              &:last-child {
                cursor: not-allowed;
              }
              #box1,
              #box3,
              #box7,
              #box8,
              #box9,
              #box10,
              #box11 {
                z-index: 1;
                -webkit-appearance: none;
                -moz-appearance: none;
                display: inline-block;
                width: 66px;
                height: 66px;
                border: 2px solid #20ade5;
                border-radius: 50%;
                overflow: hidden;
                cursor: pointer;
                font-size: 12px;
              }
              #box7 {
                background-color: #20ade5;
                cursor: not-allowed;
              }
              #box1:checked:before,
              #box3:checked:before,
              #box8:checked:before,
              #box9:checked:before,
              #box10:checked:before,
              #box11:checked:before {
                z-index: 99;
                -webkit-appearance: none;
                -moz-appearance: none;
                display: inline-block;
                width: 64px;
                height: 64px;
                line-height: 64px;
                background-color: #20ade5;
                border: 1px solid #20ade5;
                border-radius: 50%;
                color: #fff;
                text-align: center;
                font-weight: 700;
                position: relative;
                top: -2px;
                left: -2px;
                letter-spacing: 1px;
                cursor: pointer;
                font-size: 12px;
              }
              #box1:checked:before {
                content: "提交";
              }
              #box8:checked:before {
                content: "退货审核";
              }
              #box3:checked:before {
                content: "财务审核";
              }
              #box9:checked:before {
                content: "入库";
              }
              #box10:checked:before {
                content: "退款";
              }
              #box11:checked:before {
                content: "审核";
              }

              .iconfont {
                color: #d2d2d2;
                position: absolute;
                left: 25px;
                bottom: -22px;
                &.icon-suo1 {
                  position: absolute;
                  left: 25px;
                  bottom: 4px;
                  color: #90d6f2;
                  z-index: 2;
                }
              }
              .span1,
              .span3,
              .span7,
              .span8,
              .span9,
              .span10,
              .span11 {
                color: #20ade5;
                font-weight: 700;
                position: absolute;
                left: 0px;
                bottom: 25px;
                letter-spacing: 1px;
                font-size: 10px;
                width: 100%;
                text-align: center;
              }

              .span7 {
                color: #fff;
                font-weight: 700;
                font-size: 10px;
                z-index: 2;
              }
            }
            .right {
              margin-left: -36px;
              margin-right: -36px;
              font-size: 0;
              transform: scale(0.5);
              .iconfont {
                color: #20ade5;
                font-size: 0.1px !important;
              }
            }
          }
        }
      }
    }
  }
}
</style>
